<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>免费体验登录页面</title>
		<style>
			body{
				margin: 0;
				padding: 0;
				background-image: url(images/bg.jpg);
				background-repeat: no-repeat;
				/* background-size: 50%; */
			}
			.c1{
				position: absolute;
				top: 60px;
				left:20px;
			}
			span{
				color:red;
			}
			p{
				color:white;
			}
			button{
				margin: 0px;
				padding: 0px;
				position: absolute;
				top: 200px;
				left:50px;
				border-style: none;
				background-color: #388FD2;
			}
		</style>
	</head>
	<body>
		<form action="#" method="GET">
			<div class="c1">
			<p><span>*</span>姓名:<input type="text" name="uname" required/></p>
			<p><span>*</span>邮箱:<input  type="text" name="email" required/></p>
			<p><span>*</span>电话:<input  type="tel" name="telephone" required/></p>
			<p>性别：
				<select name="sex">
					<option name="title">请选择</option>
					<option name="male">男</option>
					<option name="female">女</option>
				</select>
			</p>
			<p>年龄：
				<select name="age">
					<option name="title">请选择</option>
					<option name="a">20岁以下</option>
					<option name="b">20-30岁</option>
					<option name="c">30-40岁</option>
					<option name="d">40岁以上</option>
				</select>
			</p>
			<button  type="submit"><img src="images/btn.jpg"</button>
		
		</div>
		</form>
	</body>
</html>